<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<%@ include file="/WEB-INF/pages/include/globa.jsp"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
	<title>花·生观</title>
	<link rel="shortcut icon" href="resources/ico/favicon.ico" >
	<link rel="stylesheet" href="${SERVER_PATH}/resources/css/common.css" />
	<link rel="stylesheet" href="${SERVER_PATH}/resources/css/about-us.css" />
	<link rel="stylesheet" href="${SERVER_PATH}/resources/css/header.css" />
</head>
<body>

	<div class="content">
		<%@include file="/WEB-INF/pages/include/header.jsp" %>

		<div class="main" id="skrollr-content">
			<h1 data-20="top:120px;opacity:1;" data-60="top:130px;opacity:0;">
				${news.title}
				<p style="text-align:center;font-size:13px;margin-top:5px;">${news.author}&nbsp;&nbsp;${news.createTimeStr}</p>
			
			</h1>
			<div class="body-content-panel">
				<div class="content-panel" style="min-height:500px;">
					<div class="content-p">
					${news.content}
					</div>
				</div>
				<div   data-300-end="opacity:0;" data-end="opacity:1;" >
					<img class="qrcode" src="${SERVER_PATH}/resources/img/qrcode.jpg" />
				</div>
				<div class="flexbox"  data-100-end="opacity:0;" data-end="opacity:1;" >
					<div class="foot-info">
						<p>联系我们：</p>
						<p>微信：花生USAbaby</p>
						<p>邮箱：xiaosongshuKZD@163.com</p>
					</div>
					<div class="foot-logo">
						<a href="javascript:void(0);" onclick="BackTop('gotop')" id="gotop"  alt="花生"><img src="${SERVER_PATH}/resources/img/logo-t.png" /></a>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="${SERVER_PATH}/resources/js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="${SERVER_PATH}/resources/js/skrollr.min.js"></script>
		<script type="text/javascript">
		var s = skrollr.init({
			forceHeight: true,
			smoothScrolling : true,
			smoothScrollingDuration:200,
			skrollrBody : 'skrollr-content'
		});
		function BackTop(btnId) {
			$('body,html').animate({scrollTop:0},300);
		};
		</script>
	</div>

</body>
</html>